<div class="modal-header">
    <h3 class="modal-title">钻取设置</h3>
</div>
<div class="modal-body">

    <div class="container-fluid tree-container">
        <div prevent-right-click  class="col-xs-4 pages-tree-container">
            <div class="row page-title">
                <i class="glyphicon glyphicon-picture"></i>
                <span>页面选择</span>
                <i ng-show="isTreeLoading" class="glyphicon glyphicon-refresh glyphicon-refresh-animate tree-refresh"></i>
            </div>
            <div class="row page-tree">
                <treecontrol class="tree-custom"
                             tree-model="treeModels"
                             options="treeOptions"
                             selected-node="selected"
                             expanded-nodes="expandedFolders"
                             on-selection="itemSelected(node)">
                <span class="tree-node-item">
                    <span ng-switch="" on="node.type">
                         <span ng-switch-when="folder" class="glyphicon glyphicon-folder-open page_node" aria-hidden="true"></span>
                         <span ng-switch-when="element">
                             <span ng-switch="" on="node.data.page_home">
                                 <span ng-switch-when="1" aria-hidden="true" class="glyphicon glyphicon-home page_node"></span>
                                 <span ng-switch-when="0" aria-hidden="true" class="glyphicon glyphicon-picture page_node"></span>
                            </span>
                         </span>
                    </span>
                    <a class="tree-node-hover">{{node.name}}</a>
                </span>
                </treecontrol>
            </div>

        </div>
        <div class="col-xs-8 event-param-container">
            <h3 class="title">跳转页面：{{selected.name}}</h3>
            <hr>
            <h4 class="title"><strong>传递参数：</strong></h4>
            <div ng-repeat="param in Item.Params">
                <div class="form-group event-param-group">
                    <div class="pull-left">
                        <h4>"{{param.Name}}" <strong>赋值</strong></h4>
                    </div>
                    <div class="pull-right">
                        <select ng-options="p as p for p in PageParams"
                                required ng-model="param.ParamName"></select>
                        <i ng-hide="isLoading" ng-click="removeParamName(param)" class="cursor-pointer glyphicon glyphicon-remove"></i>
                        <i ng-show="isLoading" class="glyphicon glyphicon-refresh glyphicon-refresh-animate"></i>
                    </div>
                </div>
            </div>
            <div ng-show="Item.Params.length == 0"><strong>无参数</strong></div>
        </div>
    </div>

</div>
<div class="modal-footer">
    <button class="btn btn-primary" type="button" ng-click="ok()">确认</button>
    <button class="btn btn-warning" type="button" ng-click="cancel()">取消</button>
    <button class="btn btn-danger" type="button" ng-click="clear()">清除</button>
</div>
